<template>
	<view class="footer" >
		<view class="footer-line">
			<view class="footer-line-card" v-for="(item,index) in list" :key="index">
				<image :src="item.imgUrl" mode="" class="footer-line-card-img" :style="item.style"></image>
				<text class="footer-line-card-txt">{{ item.title }}</text>
			</view>
		</view>
		<view class="footer-message">短信</view>
		<view class="footer-phone">短信</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				list: [{
						title: '首页',
						imgUrl: require('@/static/houseSublease/home.png'),
						style: {
							width: '30rpx',
							height: '32rpx'
						}
					},
					{
						title: '发布',
						imgUrl: require('@/static/houseSublease/release.png'),
						style: {
							'width': '30rpx',
							height: '30rpx'
						}
					},
					{
						title: '分享',
						imgUrl: require('@/static/houseSublease/share.png'),
						style: {
							'width': '34rpx',
							height: '34rpx'
						}
					}
				]
			}
		}
	}
</script>

<style lang="less" scoped>
	.footer {
		position: fixed;
		bottom: 0;
		left: 0;
		width: 750rpx;
		height: 130rpx;
		background: #FFFEFE;
		display: flex;
		align-items: center;
		padding: 0 40rpx 0 32rpx;
		box-sizing: border-box;
		justify-content: space-between;
		&-line {
			width: 182rpx;
			display: flex;
			align-items: center;
			justify-content: space-between;
			height: 68rpx;
			&-card {
				display: flex;
				flex-direction: column;
				align-items: center;
				justify-content: space-between;
				
				&-img {}
				&-txt{
					font-family: PingFangSC, PingFang SC;
					font-weight: 400;
					font-size: 22rpx;
					color: #666666;
				}
			}
		}
		&-message{
			width: 220rpx;
			height: 88rpx;
			border-radius: 44rpx;
			border: 2rpx solid #0095F8;
			line-height: 88rpx;
			text-align: center;
			font-family: PingFangSC, PingFang SC;
			font-weight: 500;
			font-size: 30rpx;
			color: #0095F8;
		}
		&-phone{
			width: 220rpx;
			height: 88rpx;
			background: #0095F8;
			box-shadow: 0rpx 4rpx 8rpx 0rpx rgba(0,149,248,0.5);
			border-radius: 44rpx;
			line-height: 88rpx;
			text-align: center;
			font-family: PingFangSC, PingFang SC;
			font-weight: 500;
			font-size: 30rpx;
			color: #FFFFFF;
		}
	}
</style>